<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <table border="1">
    <tr>
      <td>姓名</td>
      <td>张三</td>
      <td>性别</td>
      <td>男</td>
      <td rowspan="4" style="padding:0"><img src="map.jpg" alt="随便找的图片" style="width: 50%;height: 50%;" title="随便找的"></td>
    </tr>
    <tr>
      <td>身份证号码</td>
      <td>12345678901234</td>
      <td>名族</td>
      <td>男</td>
    </tr>
    <tr>
      <td>政治面貌</td>
      <td colspan="3">中国共产主义青年团团员</td>
    </tr>
    <tr>
      <td>考试方式</td>
      <td>提前攻博</td>
      <td>报考类别</td>
      <td>非定向</td>
    </tr>
    <tr>
      <td>获学士单位</td>
      <td>中国科技技术大学</td>
      <td>最后学历</td>
      <td colspan="2">硕士研究生</td>
    </tr>
    <tr>
      <td>报考院系</td>
      <td colspan="4">火灾科学国家重点实验室</td>
    </tr>
    <tr>
      <td>报考专业</td>
      <td colspan="4">安全技术及工程</td>
    </tr>
    <tr>
      <td>研究方向</td>
      <td colspan="4">公共安全</td>
    </tr>
  </table>
  <script>
    //有时候，我们希望等到一组异步操作都结束了，不管每一个操作是成功还是失败，再进行下一步操作。但是，现有的 Promise 方法很难实现这个要求。
    //Promise.allSettled()方法接受一个数组作为参数，数组的每个成员都是一个 Promise 对象，并返回一个新的 Promise 对象。只有等到参数数组的所有 Promise 对象都发生状态变更（不管是fulfilled还是rejected），返回的 Promise 对象才会发生状态变更。
    const promises = [
      fetch('/api-1'),
      fetch('/api-2'),
      fetch('/api-3'),
    ];

    await Promise.allSettled(promises);
    removeLoadingIndicator();
  </script>
</body>

</html>